import React from 'react'
import './index.css'
import Item from './Item'

export default function List({ todoList, setTodoList }) {
  return (
        <ul className="todo-main">

        {
          todoList.map(item=>{
            return <Item key={item.id}{...item} todoList={todoList} setTodoList={setTodoList}/>
          })
        }

        </ul>
  )
}
